﻿@page "/stack"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Stack
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    A stack layout is a way of arranging elements in a vertical or horizontal stack.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo four colored cards (<strong>A, B, C, D</strong>) with varying heights (20px to 80px) demonstrate <code>RadzenStack</code> flexbox layout with controls to adjust <code>Orientation</code>, <code>AlignItems</code>, <code>JustifyContent</code>, <code>Wrap</code>, <code>Gap</code>, and <code>Reverse</code> properties.
</RadzenText>

<RadzenExample ComponentName="Stack" Example="StackConfig">
    <StackConfig />
</RadzenExample>
